<template>
<div>
  <van-nav-bar
    title="评论"
    left-arrow
    @click-left="return1"
    style="position: sticky;top: 0"
  >
  </van-nav-bar>
  <div>
  <div style="display: flex;padding: 10px 10px 5px 10px">
    <div style="display: flex"><el-image style="height: 40px;width: 40px;border-radius: 100px" src="http://localhost:8090/%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/flow%E5%95%86%E5%9F%8E/upload/eb499e06-ead7-4d4b-be76-986f1a5c1a22.jpg"></el-image></div>
    <div style="display:flex;align-items: center">常青</div>
    <div style="margin-left: auto;display:flex;align-items: center;color: #8c939d">2022-1-1</div>
  </div>
  <div style="padding: 0 10px "><van-rate v-model="value" /></div>
  <div style="padding: 10px;">sdfgsdfsdfsddfs</div>
    <div style="border-bottom: 1px #e7e7e7 solid;width: calc(100vw - 20px);margin-left: 10px;margin-top: 10px"></div>
  </div>
</div>
</template>

<script>
import Vue from 'vue';
import { NavBar } from 'vant';
import { Rate } from 'vant';

Vue.use(Rate);
Vue.use(NavBar);
export default {
  data(){
    return{
      value:0
    }
  },
  methods:{
    return1(){
      this.$router.push({path:'/productDetail',query:{i:this.$route.query.id,itemId:this.$route.query.itemId,price:this.$route.query.price}})
    }
  }
}
</script>

<style scoped>

</style>
